<template>
  <ul>
    <router-link :to="datalist[0]" tag="li" activeClass="itemcolor">正在热播 </router-link>
    <router-link :to="datalist[1]" tag="li" activeClass="itemcolor">即将上映 </router-link>
  </ul>
</template>

<script>
export default {
  data () {
    return {
      datalist: ['/film/nowplaying', '/film/comingsoon']
    }
  }
}
</script>

<style scoped lang="scss">
  .itemcolor{
      color: tomato;
  }
  ul {
      display: flex;
      li {
        flex: 1;
        line-height: 50px;
        text-align: center;
        }
  }
</style>
